// 引入全局组件 面板
import PageTools from '@/components/PageTools'
import store from '@/store'

// 引入全局组件 导入员工
import UploadExcelComponent from '@/components/UploadExcel/index.vue'

// 引入上传图片的全局组件
import uploadImg from '@/components/UploadImg'

import dayjs from 'dayjs'

export const pulgin = {
  // vue自动执行的方法  install
  install(Vue) {
    // 全局组件挂载 面板
    Vue.component('page-tools', PageTools)

    // 全局组件挂载 导入员工
    Vue.component('UploadExcelComponent', UploadExcelComponent)

    // 挂载全局组件更新图片
    Vue.component('upload-img', uploadImg)

    // 挂载全局方法
    Vue.prototype.dayjs = (value, str = 'YYYY-MM-DD') => {
      return dayjs(value).format(str)
    }

    // 挂载全局指令
    Vue.directive('checkBtn', {
      inserted(el, binding) {
        const { value } = binding
        const hasPermission = store.state.user.userInfo.roles.points.includes(value)

        if (!hasPermission) {
          el.parentNode.removeChild(el)
          // el.remove()
        }
      }
    })
  }
}
